import React from 'react';
import './DataCard.css';
import activePic from '../../../assets/images/ActivityCenter.png'
import VipPic from '../../../assets/images/会员中心.png'
import SignPic from '../../../assets/images/每日签到.png'
import avatar from '../../../assets/images/avatar.jpg'

function DataCard(props) {
    return (
        <div className='datacard-box'>
            <div className="card_body">
                <div className="card_top">
                    <div className="card_avatar">
                        <img src={avatar} alt="" className='card_avatar_img'/>
                    </div>
                    <div className="card_name">
                        
                        <div className="card_name_word">
                            USERNAME
                        </div>
                    </div>
                    <div className="card_focus">
                        <div className="card_focus_num">
                            5
                        </div>
                        <div className="card_focus_word">
                            关注
                        </div>

                    </div>
                </div>
                <div className="card_bottom">
                    <div className="card_bottom_left">
                        <div className="card_bottom_left_pic">
                            <img src={activePic} alt="" className='card_bottom_left_pic_url'/>
                        </div>
                        <div className="card_bottom_left_word">
                            活动中心
                        </div>
                    </div>
                    <div className="card_bottom_middle">
                        <div className="card_bottom_middle_pic">
                            <img src={VipPic} alt="" className='card_bottom_middle_pic_url'/>
                        </div>
                        <div className="card_bottom_middle_word">
                            会员中心
                        </div>

                    </div>
                    <div className="card_bottom_right">
                        <div className="card_bottom_right_pic">
                            <img src={SignPic} alt="" className='card_bottom_right_pic_url'/>
                        </div>
                        <div className="card_bottom_right_word">
                            每日签到
                        </div>

                    </div>

                </div>
            </div>
        </div>
    )
}



export default DataCard